<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
      <title>Adam's Google Exercise</title>
      
      <link rel="stylesheet" type="text/css" href="google-contact-widget.css" />
      <script src="http://www.google.com/jsapi"></script>
      <script>
        // Load jQuery
        google.load("jquery", "1");
      </script>
      <script src="google.contact.widget.json.js"></script>
      <script src="google.contact.widget.js"></script>    
  </head>
  <body>
    
    <!-- Start: Contact widget -->
    <div id="contact-widget">
      <div id="header"></div>
      <div id="contacts">
        <strong>Contacts</strong>
        <ul>
          <!-- Start: This block of markup would be rendered on the server side or passed through an XHR request -->
          <li>Amar<a href="mailto:amardeep@live.com" class="e">amardeep@live.com</a></li>
          <li>Deepa<a href="mailto:deepa@yahoo.com" class="e">deepa@yahoo.com</a></li>
          <li>Eric<a href="mailto:eric@ericrules.com" class="e">eric@ericrules.com</a></li>
          <li>Gregor<a href="mailto:gregor@gmail.com" class="e">gregor@gmail.com</a></li>
          <li>Jeff<a href="mailto:jeff@aol.com" class="e">jeff@aol.com</a></li>
          <li>Jen<a href="mailto:jen@ebay.com" class="e">jen@ebay.com</a></li>
          <li>Katie<a href="mailto:katie@ask.com" class="e">katie@ask.com</a></li>
          <li>Vivian<a href="mailto:vivian@altavista.com" class="e">vivian@altavista.com</a></li>
          <!-- End -->
        </ul>
        <select>
          <option>Email address</option>
          <option>Phone number</option>
        </select>
      </div>
      <div id="footer"></div>
    </div>
    <!-- End -->
    
    <!-- Start: You're being tracked :) Ignore me: Google Analytics Stuff --> 
    <script type="text/javascript"> 
        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
        document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        </script> 
        <script type="text/javascript"> 
        var pageTracker = _gat._getTracker("UA-3536292-1");
        pageTracker._initData();
        pageTracker._trackPageview();
    </script> 
    <!-- End --> 
    
  </body>
</html>